<template>
  <div class="home-wrapper">
    <a-layout>
      <a-layout-content><center-content /></a-layout-content>
      <a-layout-footer>
        <div :style="footerStyle">
          <a href="https://beian.miit.gov.cn/" target="_blank">渝ICP备2023009031号-2</a>
        </div>
      </a-layout-footer>
    </a-layout>
  </div>
</template>

<script lang="ts" setup>
import { CSSProperties } from 'vue';
import CenterContent from './center-content.vue';

const footerStyle: CSSProperties = {
  display: 'flex',
  justifyContent: 'center',
  alignItems: 'center',
};
</script>
